// 头部部分样式开始
header {
    background-color: #ff841d;
    height: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem;
    >h1 {
        a {
            width: 2rem;
        }
    }
    >a {
        width: .34rem;
        height: .34rem;
    }
}
// 头部部分样式结束

// 搜索框部分样式开始
.mmb_search {
    form {
        display: flex;
        justify-content: space-between;
        padding: .05rem .1rem; 
        position: relative;
        .fa-search{
            position: absolute;
            top: 0.11rem;
            left: 0.13rem;
            font-size: .16rem;
        }
        input {
            height: .3rem;
            border: none;
            background-color: #f1f1f1;
            border-radius: .2rem;
        }
        .search_ipt{
            padding-left: .2rem;
            flex: 1;
        }
        .search_submit{
            margin-left: .2rem;
            width: .6rem;
            background-color: #ff841d;
            color: #fff;
        }
    }
}
// 搜索框部分样式结束

// 底部样式开始
footer{
    background-color: #fff;
    .row{
        .col-xs-4{
            text-align: center;
            border: 1px solid #ccc;
            height: 30px;
            line-height: 30px;
            a{
                img{
                    height: 15px;
                    width: 15px;
                }
            }
        }
    }
    >p{
        margin: 10px;
        text-align: center;
        font-size: 12px;
        a{
            display:inline;
        }
        >a:first-child{
            color: red;
        }
    }
}
// 底部样式结束

// =========================================================
// 商品列表部分样式开始
#mmb_product{
    background-color: #fff;
    // 面包屑导航
    .product-title{
        position: relative;
        .breadcrumb{
            height: 36px;
            margin-bottom: 0px;
            li{
                float: left;
                display: flex;
                a{
                    width: 100%;
                }
            }
            li::before{
               content: ""; 
            }
            li::after{
                content: " >";
                float: right;
                flex: 1;
                padding-left: 5px;
            }
        }
        .btn{
            position: absolute;
            width: 54px;
            right: 10px;
            top: 3px;
            height: 30px;
        }
    }
    // 商品列表
    .product-list{
      margin: 0px .05rem;
       .brand_content{
         h4{
           background-color: #eeeeee;
           padding: .1rem;
           font-size: .16rem;
           color: #b26b04;
         }
         ul{
           background-color: #eee;
           li{
            border-top: 1px solid #ccc;
            a{
              display: flex;
              align-items: center;
              height: 0.4rem;
              font-weight: 600;
              font-size: .16rem;
              padding: 0px .2rem;
              justify-content: space-between;
              .fa{

              }
            }
           }
         }
       }
    }
  

}

// 商品列表部分样式结束
